// .avatar($radius) {
//   height: $radius * 2;
//   width: $radius * 2;
//   border-radius: 50%;
//   overflow: hidden;

//   img {
//     height: 100%;
//     width: 100%;
//     object-fit: cover;
//   }
// }
// 全局样式用法@mixin创建，@include使用
// @mixin name($name) {
//   font-size: 14px;
//   color: #333;
//   font-weight: 500;
//   margin-bottom: 5px;
//   overflow: hidden;
//   text-overflow: ellipsis;
//   white-space: nowrap;
//   width: 100%;
//   display: block;
//   text-align: center;
//   line-height: 1.2;
// }

// @include name($name);

// 文字省略号
@mixin text-ellipsis($line-height: 1.2) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 112px;
  // width: 20%;
  // line-height: $line-height;
}


$red: red;
// 主题颜色
$c: #27ba9b;

    // 面包屑
@mixin crumbs {
  padding: 22px 0;
}


// 小卡片
// @mixin card-content {
//   display: flex;
//   flex-direction: column;
//   align-items: center;
//   height: 100%;

//   img {
//     width: 100px;
//     display: block;
//     object-fit: cover;
//   }

//   .img {
//     width: 160px;
//     display: block;
//     object-fit: cover;
//   }

//   .sub-name {
//     padding-top: 8px;
//     text-align: center;
//     width: 160px;
//     color: #333;
//     // 文字省略号
//     overflow: hidden;
//     text-overflow: ellipsis;
//     white-space: nowrap;
//   }

//   .sub-desc {
//     color: #999999;
//     font-size: 14px;
//   }

//   p {
//     color: red
//   }
// }
